@charset "utf-8";
/* top */
.head { position: fixed; top: 0; left: 0; z-index: 1000; height: 100px;}
.headbg { position: absolute; top: 0; left: 0; z-index: 1001; height: 100px; background: #ba3a37; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.headnav { position: absolute; top: 0; left: 0; z-index: 1002; height: 100px;}
.headnav .logo { display: table; height: 100px;}
.headnav .logo a { display: table-cell; vertical-align: middle;}
.headnav .logo a img { vertical-align: middle; max-height: 100px;}
.headnav .navbutton { display: block; height: 34px; line-height: 34px; padding: 0 19px; margin: 33px 0 0 80px; font-size: 16px; color: #000; background: #fff; border-radius: 3px; text-decoration: none;}
.headnav .navbutton:hover { color: #fff; background: #f90;}
.headnav .navtext { height: 100px;}
.headnav .navtext ul li { float: left;}
.headnav .navtext ul li a { display: block; padding: 0 25px; line-height: 100px; font-size: 16px; color: #fff; text-decoration: none;}
.headnav .navtext ul li a:hover { background: #c9bc9c; color: #ba3a37;}
.headnav .navtext ul .active a { background: #c9bc9c; color: #ba3a37;}

.banner_top { height: 700px; position: relative;}


/* main1 */
.flow { height: 130px;}
.flow dl { position: relative; float: left; width: 300px; height: 130px; background: url(../images/indexbg.png) no-repeat 288px top;}
.flow dl:last-child { background: none;}
.flow dl dt { float: left; width: 90px; height: 90px; margin: 20px 0 0 19px;}
.flow dl dd { float: left; height: 70px; margin: 32px 0 0 20px;}
.flow dl dd b {display: block; font-size: 18px; line-height: 36px; font-weight: normal;}
.flow dl dd span {display: block; font-size: 14px; color: #999; line-height: 26px;}
.flow dl .icon_star { display: none; position: absolute; top: 0; left: 0; z-index: 15; width: 130px; height: 130px; background: url(../images/icon_star.png) no-repeat center center; -webkit-animation-name: rotate; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}
@-webkit-keyframes rotate {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

.flow dl .icon01 { background: url(../images/indexbg.png) no-repeat -20px 0;}
.flow dl .icon02 { background: url(../images/indexbg.png) no-repeat -110px 0;}
.flow dl .icon03 { background: url(../images/indexbg.png) no-repeat -200px 0;}
.flow dl .icon04 { background: url(../images/indexbg.png) no-repeat -290px 0;}

.title h1 { font-size: 30px;}
.title h1 font { color: #b93a37;}
.title h5 { font-size: 14px; color: #999; margin-top: 25px;}
.title h6 { font-size: 14px; color: #666; line-height: 30px; margin-top: 30px;}

.dofor dl { position: relative; float: left; width: 291px; height: 120px; margin: 0 12px 12px 0; background: #f5f5f5;}

.dofor dl dt { float: left; width: 66px; height: 66px; margin: 27px 0 0 20px;}
.dofor dl dd { float: right; width: 180px; height: 66px; margin: 27px 5px 0 0px;}
.dofor dl dd b {display: block; font-size: 16px; line-height: 30px; font-weight: normal;}
.dofor dl dd span {display: block; color: #999; line-height: 18px; margin-top: 6px;}

.dofor dl .icon05 { background: url(../images/indexbg.png) no-repeat -20px -100px;}
.dofor dl .icon06 { background: url(../images/indexbg.png) no-repeat -90px -100px;}
.dofor dl .icon07 { background: url(../images/indexbg.png) no-repeat -160px -100px;}
.dofor dl .icon08 { background: url(../images/indexbg.png) no-repeat -230px -100px;}
.dofor dl .icon09 { background: url(../images/indexbg.png) no-repeat -300px -100px;}
.dofor dl .icon10 { background: url(../images/indexbg.png) no-repeat -370px -100px;}
.dofor dl .icon11 { background: url(../images/indexbg.png) no-repeat -440px -100px;}
.dofor dl .icon12 { background: url(../images/indexbg.png) no-repeat -510px -100px;}

.dofor dl:hover .border_top,.dofor dl:hover .border_bottom{width:180px}
.dofor dl:hover .border_left,.dofor dl:hover .border_right{height:50px}

/* ad1 */
.ad { background: url(../images/adbg.png);}
.ad-h550 { height: 550px;}
.ad .adone { position: absolute; top: 10px; left: 0; z-index: 14; width: 580px; height: 300px; background: #93cdff;}
.ad .adtwo { position: absolute; bottom: 10px; right: 0; z-index: 13; width: 710px; height: 430px;}
.ad .adthree { position: absolute; top: 10px; right: 0; z-index: 12; height: 100px;}
.ad .adthree .fl { font-size: 16px; color: #fff; margin-top: 37px;}
.ad .adthree .fr { font-size: 36px; color: #ff0; margin-top: 27px; margin-right: 2px; text-shadow:2px 2px 2px #333;}
.ad .adfour { position: absolute; bottom: 0px; left: 0; z-index: 11; height: 220px;}
.ad .adfour .fl { width: 161px; height: 220px;}
.ad .adfour .fl i { display: block; width: 100%; height: 161px;}
.ad .adfour .fl i img { width: 161px; height: 161px;}
.ad .adfour .fl span { display: block; width: 100%; padding-top: 20px; overflow: hidden; text-align: center; font-size: 16px; color: #fff;}

.ad-title { display:block;  margin: 70px 0 0 48px; padding-left: 15px; border-left: 4px solid #000; color: #000;}
.ad-title h1 { font-size: 30px;}
.ad-title h6 { font-size: 12px;}
.ad-but { display:block; margin: 60px 0 0 72px;}
.ad-but span a { display: block; padding: 0 28px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background: #0d3f6a; border-radius: 3px; text-decoration: none;}
.ad-but span a:hover { background: #f90;}
.ad-but em { margin-left: 40px; font-size: 14px; color: #666; line-height: 40px;}

.reverse .adone,.reverse .adfour { left: auto; right: 0;}
.reverse .adtwo,.reverse .adthree { left: 0; right: auto;}

/* main2 */
.core { background: #fff url(../images/corebg2.png) no-repeat center bottom;}
.corepic { display: table; width: 530px; height: 380px;}
.corepic i { display: table-cell; vertical-align: middle; text-align: center;}
.corepic i img { vertical-align: middle; max-height: 100%; max-height: 100%;}
.coretext { width: 670px; height: 440px;}
.coreone { width: 67px; height: 440px; background: url(../images/indexbg.png) no-repeat -580px 0;}
.coretwo { width: 67px; height: 420px; background: url(../images/indexbg.png) no-repeat -650px 0;}
.corelayout { width: 586px;}
.core-title { padding: 2px 0 6px 2px; height: 48px; line-height: 48px; background: url(../images/corebg.png) repeat-x left bottom;}
.core-title b { font-size: 30px; color: #0d3f6a; margin-right: 20px; font-weight: normal;}
.core-title span { font-size: 24px; color: #999;}

.coreli p { font-size: 14px; line-height: 24px; text-indent: 27px; margin-top: 17px;}
.coreli ul {padding-top: 35px; overflow: hidden;}
.coreli ul li { float: left; width: 50%; height: 36px; line-height: 36px; font-size: 16px; color: #0d3f6a;}
.coreli ul li i { float: left; font-size: 24px; margin-right: 7px;}

.corebar { margin-top: 80px;}
.corebar .coretext { height: 420px;}

/* main3 */
.box { width: 1200px;}
.box ul li { float: left; width: 1200px; height: 420px; overflow: hidden;}
.box .prev { display: none; position: absolute; left: 0; top: 50%; margin-top: -50px; z-index: 22; width: 50px; height: 100px; background: url(../images/indexbg.png) no-repeat 0 -180px; filter:alpha(opacity=30); -moz-opacity:.3; opacity:.3;}
.box .next { display: none; position: absolute; right: 0; top: 50%; margin-top: -50px; z-index: 22; width: 50px; height: 100px; background: url(../images/indexbg.png) no-repeat -50px -180px; filter:alpha(opacity=30); -moz-opacity:.3; opacity:.3;}
.box .prev:hover,.box .next:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.case { height: 420px; }
.case dl { position: relative; float: left; width: 590px; height: 200px; margin: 0 20px 20px 0;}
/*.case dl:hover dt { border-color: #f90;}
.case dl:hover dd { border-color: #f90;}*/
.case dl dt { position: relative; display: table; float: left; width: 199px; height: 198px; border: 1px solid #fff; border-right: 0; background: #fff;}
.case dl dt i { display: table-cell; vertical-align: middle; text-align: center;}
.case dl dt i img { vertical-align: middle; max-height: 100%; max-width: 100%;}
.case dl dt span { position: absolute; top: 91px; right: -10px; z-index: 21; display: block; width: 10px; height: 19px; background: url(../images/indexbg.png) no-repeat 0 -140px;}
.case dl dd { float: right; width: 358px; height: 178px; padding: 10px 15px; line-height: 30px; font-size: 14px; color: #666; text-indent: 27px; border: 1px solid #f5f5f5; border-left: 0;}

.border_top{ position:absolute;height:1px;width:0px;font-size:0;background:#f90;top:0;left:0; z-index: 10; -webkit-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;}
.border_right{ position:absolute;height:0px;width:1px;font-size:0;background:#f90;bottom:0;right:0; z-index: 10; -webkit-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;}
.border_bottom{ position:absolute;height:1px;width:0px;font-size:0;background:#f90;right:0;bottom:0; z-index: 10; -webkit-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;}
.border_left{ position:absolute;height:0px;width:1px;font-size:0;background:#f90;left:0;top:0; z-index: 10; -webkit-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;}
.case dl:hover .border_top,.case dl:hover .border_bottom{width:250px}
.case dl:hover .border_left,.case dl:hover .border_right{height:80px}


.model dl { position: relative; float: left; width: 386px; height: 540px; margin-right: 21px;}
.model dl:last-child { margin-right: 0;}
.model dl:hover dt label { border-color: #f90;}
.model dl:hover dd .down-title { background: #f90; color: #fff;}
.model dl dt { position: absolute; top: 0; left: 50%; z-index: 31; margin-left: -60px; width: 110px; height: 110px; border: 5px solid #fff; background: #fff; border-radius: 70px;}
.model dl dt label { display: block; width: 66px; height: 66px; border: 2px solid #e0e0e0; border-radius: 60px; line-height: 36px; font-size: 20px; padding: 20px; text-align: center;}
.model dl dd { position: relative; margin-top: 60px; background: #f5f5f5;}
.model dl dd .uptext { display: block; height: 180px; padding: 90px 25px 0 25px; line-height: 30px; font-size: 14px;}
.model dl dd .down-title { display: block; height: 34px; line-height: 34px; font-size: 20px; text-align: center; background: #99d0ff;}
.model dl dd .downtext { display: block; height: 156px; padding: 20px 25px 0 25px; line-height: 30px; font-size: 14px;}
.model dl dd:hover .border_top,.model dl dd:hover .border_bottom{width:386px}
.model dl dd:hover .border_left,.model dl dd:hover .border_right{height:480px}

/* main4 */
.newsline { width: 590px; height: 460px;}
.news-title { height: 20px;}
.news-title h3 { float: left; height: 20px; padding-left: 10px; line-height: 20px; font-size: 16px; border-left: 10px solid #ba3a37;}
.news-title a { float: right; padding: 0 10px; margin-top: -6px; font-size: 28px; color: #ba3a37; text-decoration: none;}
.news-title a:hover { color: #f90;}

.news { height: 400px; padding: 0 20px;}
.news dl { display: block; height: 160px; margin-bottom: 10px;}
.news dl dt { display: table; float: left; width: 230px; height: 160px;}
.news dl dt a { display: table-cell; vertical-align: middle; text-align: center;}
.news dl dt a img { vertical-align: middle; max-height: 100%; max-width: 100%;}
.news dl dd { float: right; width: 300px; height: 160px; overflow: hidden;}
.news dl dd b { display: block; font-weight: normal; height: 34px; overflow: hidden;}
.news dl dd b a { font-size: 16px; line-height: 34px;}
.news dl dd p { margin-top: 5px; line-height: 24px; font-size: 12px; color: #999; text-indent: 25px;}
.news ul li { display: block; width: 100%; height: 36px; overflow: hidden;}
.news ul li b { float: left; font-weight: normal; width: 85%;}
.news ul li b a { font-size: 14px; line-height: 36px;}
.news ul li span { float: right; font-size: 12px; color: #999; line-height: 36px; width: 15%; text-align: right;}
.news ol dt { display: block; height: 36px; line-height: 36px; font-size: 14px; font-weight: bold; overflow: hidden;}
.news ol dt a { line-height: 36px; font-size: 14px;}
.news ol dd { display: block; height: 36px; line-height: 36px; font-size: 14px; overflow: hidden;}

/* footer */
.footerup { padding: 40px 0 30px 0; }
.code { padding-left: 2%;}
.code ul li { float: left;}
.code ul li i { display: block; width: 100%; height: 161px;}
.code ul li i img { width: 161px; height: 161px;}
.code ul li span { display: block; width: 100%; padding-top: 20px; overflow: hidden; font-size: 14px; }

.add { width: 25%; padding: 10px 0 0 5%;}
.add ul li { display: block; width: 100%; line-height: 30px; font-size: 14px; color: #fff;}

.tel { width: 33%; padding-top: 10px;}
.telicon { width: 50px; height: 50px; background: url(../images/indexbg.png) no-repeat -390px 0;}
.teltext { padding-top: 6px; color: #fff; }
.teltext .textone { float: left; font-size: 14px; margin-top: 8px;}
.teltext .texttwo { font-size: 30px;}
.teltext .textthree { font-size: 14px; display: block; width: 100%; line-height: 30px;}

.telbut { margin-top: 45px;}
.telbut a { display: block; float: left; margin-right: 10px; padding: 0 22px; height: 34px; line-height: 34px; font-size: 14px; color: #fff; background: #f90; text-decoration: none; border-radius: 3px;}
.telbut a:hover { background: #0d3f6a;}
.telbut .bg_66dcff { background: #66dcff;}

.footerdown { padding: 20px 0;}
.footerdown span { display: block; width: 100%; line-height: 30px; font-size: 14px; color: #fff;}




/* CSS3 animation */
.animated{ -webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:1s;animation-duration:1s}
.revealOnScroll { opacity: 0; }
@-webkit-keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px)
	}
	100% {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0px);
	transform:translateY(0)
	}
}
@keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px)
	}
	100% {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
	}
}
.fadeInUp { animation:fadeInUp 0.5s; -webkit-animation:fadeInUp 0.5s; animation-fill-mode: forwards;}


@-webkit-keyframes fadeInDown {
	0% {
	opacity:0;
	-webkit-transform:translateY(-30px);
	-ms-transform:translateY(-30px);
	transform:translateY(-30px)
	}
	100% {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0px);
	transform:translateY(0)
	}
}
@keyframes fadeInDown {
	0% {
	opacity:0;
	-webkit-transform:translateY(-30px);
	-ms-transform:translateY(-30px);
	transform:translateY(-30px)
	}
	100% {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
	}
}
.fadeInDown { animation:fadeInDown 0.5s; -webkit-animation:fadeInDown 0.5s; animation-fill-mode: forwards;}


@-webkit-keyframes fadeInLeft {
	0% {
	opacity:0;
	-webkit-transform:translateX(-90px);
	-ms-transform:translateX(-90px);
	transform:translateX(-90px)
	}
	100% {
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0px);
	transform:translateX(0)
	}
}
@keyframes fadeInLeft {
	0% {
	opacity:0;
	-webkit-transform:translateX(-90px);
	-ms-transform:translateX(-90px);
	transform:translateX(-90px)
	}
	100% {
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
	}
}
.fadeInLeft { animation:fadeInLeft 0.5s; -webkit-animation:fadeInLeft 0.5s; animation-fill-mode: forwards;}


@-webkit-keyframes fadeInRight {
	0% {
	opacity:0;
	-webkit-transform:translateX(90px);
	-ms-transform:translateX(90px);
	transform:translateX(90px)
	}
	100% {
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0px);
	transform:translateX(0)
	}
}
@keyframes fadeInRight {
	0% {
	opacity:0;
	-webkit-transform:translateX(90px);
	-ms-transform:translateX(90px);
	transform:translateX(90px)
	}
	100% {
	opacity:1;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
	}
}
.fadeInRight { animation:fadeInRight 0.5s; -webkit-animation:fadeInRight 0.5s; animation-fill-mode: forwards;}


@-webkit-keyframes bounceIn {
	0% {
	opacity:0;
	-webkit-transform:scale(.3);
	transform:scale(.3)
	}
	50% {
	opacity:1;
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
	}
	70% {
	-webkit-transform:scale(.9);
	transform:scale(.9)
	}
	100% {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
	}
}
@keyframes bounceIn {
	0% {
	opacity:0;
	-webkit-transform:scale(.3);
	-ms-transform:scale(.3);
	transform:scale(.3)
	}
	50% {
	opacity:1;
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
	}
	70% {
	-webkit-transform:scale(.9);
	-ms-transform:scale(.9);
	transform:scale(.9)
	}
	100% {
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
	}
}
.bounceIn { animation:bounceIn 1s; -webkit-animation:bounceIn 1s; animation-fill-mode: forwards;}


/* navigation */
.head{ transition: top .5s;}

.gizle { top: -100px;}
.sabit { top:0;}



/* banner */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus { outline: none;}
.slides,.flex-control-nav,.flex-direction-nav { margin: 0; padding: 0; list-style: none;}
.style3 .slides { border-bottom:2px #F00 solid;}
.style3  .carousel_box .slides { border:none;}
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides_img { position: absolute; top: 0; left: 50%; margin-left: -960px;}

.flex-pauseplay span { text-transform: capitalize; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }

.flexslider { height: 700px; background: #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport { max-height: 300px;}
.flexslider .slides { zoom: 1;}
.carousel li { margin-right: 5px;}

.flex-direction-nav a { width: 40px; height: 60px; margin: -30px 0 0; display: block; background: url(../images/indexbg.png) no-repeat -450px 0; position: absolute;top: 55%; z-index: 888; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next { background-position: -490px 0; right: -36px;}
.flex-direction-nav .flex-prev { left: -36px;}
.flexslider:hover .flex-next { opacity: 0.3; right: 15px;}
.flexslider:hover .flex-prev { opacity: 0.3; left: 15px;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {	opacity: 1;}
.flex-direction-nav .disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.flex-control-nav { width: auto; height: 14px; padding: 3px 8px; position: absolute; left: 50%; bottom: 20px; margin-left:-35px; background: #bdbfc0; border-radius: 20px;}
.slideleft .flex-control-nav{ right:10px; margin-left:0px; }
.style3 .flex-control-nav { width: 100%; position: relative; margin:15px 0 15px 0; text-align:center;}
.carousel_box .flex-control-nav{ width: 100%; position: relative; margin:15px 0 5px 0; text-align:center; }
.aslider .flex-control-nav { width: auto; position: absolute; margin:10px 0; right: 10px; }
.aslider .flex-control-paging li a ,.carousel_box  .flex-control-paging li a{ width: 10px;height: 10px;	-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;-ms-border-radius:100px;-khtml-border-radius:100px;	border-radius:100px;}
.aslider .flex-control-paging li a.flex-active ,.carousel_box .flex-control-paging li a.flex-active{height: 10px;}
.flex-control-nav li {margin: 0 2px!important;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {	width: 14px;height: 14px;display: block; background: #7c7c7c;cursor: pointer;text-indent: -9999px; border-radius: 14px;}
.flex-control-paging li a:hover{background-color:#fff;}
.flex-control-paging li a.flex-active { background-color:#fff;cursor: pointer;}
.flex-control-thumbs {margin: 5px 0 0;position: static;	overflow: hidden;}
.flex-control-thumbs li {width: 25%;float: left;margin: 0;}
.flex-control-thumbs img {width: 100%;display: block;opacity: .7;cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1;cursor: default;}

.banner_pic { position: absolute; top: 0; left: 0; padding-top: 80px; width: 100%; height: 470px;}
.banner_pic1 { position: absolute; top: 138px; left: 50%; z-index: 101; margin-left: -280px; width: 560px; height: 369px; }
.banner_pic2 { position: absolute; top: 107px; left: 50%; z-index: 102; margin-left: -288px; width: 576px; height: 47px; }
.banner_pic3 { position: absolute; top: 208px; left: 50%; z-index: 103; margin-left: -126px; width: 252px; height: 110px; }
.banner_pic4 { position: absolute; top: 354px; left: 50%; z-index: 104; margin-left: -135px; width: 259px; height: 35px; }
.banner_pic5 { position: absolute; top: 458px; left: 50%; z-index: 105; margin-left: -361px; width: 161px; height: 181px; }
.banner_pic6 { position: absolute; top: 458px; right: 50%; z-index: 106; margin-right: -361px; width: 161px; height: 181px; }
.banner_pic8 { position: absolute; top: 137px; left: 50%; z-index: 107; margin-left: -210px; width: 420px; height: 100px; }
.banner_pic8 img { max-height: 100px;}
.banner_pic9 { position: absolute; top: 270px; left: 50%; z-index: 108; margin-left: -341px; width: 682px; height: 65px; }
.banner_pic9 img { max-height: 65px;}
.banner_pic10 { position: absolute; top: 400px; left: 50%; z-index: 110; margin-left: -334px; width: 668px; height: 62px; }
.banner_pic10 img { max-height: 62px;}
.banner_pic11 { position: absolute; top: 110px; left: 50%; z-index: 111; margin-left: -960px; width: 1920px; height: 317px; }
.banner_pic12 { position: absolute; top: 222px; left: 50%; z-index: 112; margin-left: -269px; width: 539px; height: 111px; }
.banner_pic13 { position: absolute; top: 365px; left: 50%; z-index: 113; margin-left: -314px; width: 629px; height: 55px; }

.banner_text1 { position: absolute; top: 167px; left: 50%; z-index: 151; margin-left: -416px; height: 60px; line-height: 60px; padding: 0 30px; font-size: 30px; background: #fff; border-radius: 30px; }
.banner_text2 { position: absolute; top: 288px; left: 50%; z-index: 152; margin-left: -508px; height: 60px; line-height: 60px; padding: 0 30px; font-size: 30px; background: #fff; border-radius: 30px; }
.banner_text3 { position: absolute; top: 411px; left: 50%; z-index: 153; margin-left: -390px; height: 60px; line-height: 60px; padding: 0 30px; font-size: 30px; background: #fff; border-radius: 30px; }
.banner_text4 { position: absolute; top: 167px; left: 50%; z-index: 154; margin-left: 212px; height: 60px; line-height: 60px; padding: 0 30px; font-size: 30px; background: #fff; border-radius: 30px; }
.banner_text5 { position: absolute; top: 288px; left: 50%; z-index: 155; margin-left: 243px; height: 60px; line-height: 60px; padding: 0 30px; font-size: 30px; background: #fff; border-radius: 30px; }
.banner_text6 { position: absolute; top: 411px; left: 50%; z-index: 156; margin-left: 215px; height: 60px; line-height: 60px; padding: 0 30px; font-size: 30px; background: #fff; border-radius: 30px; }
.banner_text8 { position: absolute; top: 400px; left: 50%; z-index: 157; margin-left: -381px; width: 763px; height: 62px; line-height: 62px; text-align: center; font-size: 18px; color: #fff;}
.banner_text11 { position: absolute; top: 474px; left: 50%; z-index: 158; margin-left: -310px; height: 50px; line-height: 50px; padding: 0 30px; font-size: 24px; background: #fff; border-radius: 25px; }
.banner_text12 { position: absolute; top: 474px; left: 50%; z-index: 159; margin-left: -78px; height: 50px; line-height: 50px; padding: 0 30px; font-size: 24px; background: #fff; border-radius: 25px; }
.banner_text13 { position: absolute; top: 474px; left: 50%; z-index: 160; margin-left: 130px; height: 50px; line-height: 50px; padding: 0 30px; font-size: 24px; background: #fff; border-radius: 25px; }


/* right fixed div */
.fixed-right { position: fixed; bottom:30px; right:5px; z-index:9999; width:52px; }
.fixed-right ul li { position:relative; float: left; margin-bottom: 1px; width:52px; height:52px; background:#ba3a37; text-align:center;}
.fixed-right ul li:hover { background:#f90;}
.fixed-right ul li .message { display: block; width: 52px; height: 52px; background: url(../images/indexbg.png) no-repeat -110px -180px; cursor: pointer;}
.fixed-right ul li .wechat { display: block; width: 52px; height: 52px; background: url(../images/indexbg.png) no-repeat -170px -180px; }
.fixed-right ul li .wechat .qrcode { display:none; padding:10px; height:185px;position:absolute;right:52px;bottom:-53px;z-index:99999;background: #fff;box-shadow: 0px 0px 10px #ddd; }
.fixed-right ul li .wechat .qrcode b {display: none; position: absolute; right: -7px; bottom: 72px;  z-index: 9999;margin-top: -7px;height: 0;font-size: 0;line-height: 0;border-style: solid;border-width: 7px 0px 7px 7px;border-color: transparent #fff;}
.fixed-right ul li .wechat .qrcode span,.fixed-right ul li .wechat .qrcode span img { display: block; width: 161px; height: 161px;}
.fixed-right ul li .backicon { display: block; width: 52px; height: 52px; background: url(../images/indexbg.png) no-repeat -230px -180px; cursor: pointer;}
.fixed-right ul .active { background: #f90;}

/* online message */
.message_div { width:622px; height:504px; position:fixed; top:50%; left:50%; margin-top: -252px; margin-left: -292px; display:none; z-index:10000; }
.message_bg { width:620px; height:502px; background: #fff; opacity: .7;filter:alpha(opacity=70); position: absolute; top: 0; left: 0; z-index: 10001;}
.messagebar { width:600px; height:482px; background: #fafafa; position: absolute; top: 11px; left: 11px; z-index: 10002;}
.title_message { float: left; display: block; width: 100%; height: 50px; border-bottom: 1px solid #fff; background: #ba3a37;}
.title_message h1 { float: left; margin-left: 17px; font-size: 18px; line-height: 50px; color: #fff;}
.close_message { float: right; width: 40px; height: 40px; margin: 5px 5px 0 0; cursor: pointer; background: url(../images/indexbg.png) no-repeat -534px 11px;}
.close_message:hover { background: url(../images/indexbg.png) no-repeat -534px -29px;}
.messageleft { width: 150px; height: 431px;}
.messageright { width: 410px; padding: 20px;}
.messageright ul li { display: block; width: 100%; line-height: 30px; margin-bottom: 20px; overflow: hidden;}
.messageright ul li label { float: left; width: 80px; height: 30px; text-align: right; font-size: 14px; padding-right:10px}
.messageright ul li span { float: left; width: 270px;}
.messageright ul li font { color: #f00;}
.messageright .yzm { height: 32px;}
.messageright .yzm img { max-height: 32px; max-width: 80px;}

.inp_text { padding: 0 5px; width: 258px; height: 30px; color: #ccc; line-height: 30px; margin: 0; border: 1px solid #dedede;}
.inp_textarea { padding: 0 5px; width: 258px; height: 60px; color: #ccc; line-height: 30px; margin: 0; border: 1px solid #dedede; resize: none;}
.inp_but { display: inline-block; padding: 0 32px; height: 34px; line-height: 34px; font-size: 16px; color: #fff; background: #ba3a37;}
.inp_but:hover,.inp_but_reset:hover { background: #a22825;}
.inp_but_reset { background: #c3c3c3;}

.content_mark{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; background:#000; opacity: .5;filter:alpha(opacity=50); display:none;}

/* quick logon */
.quicklogon_div { width:622px; height:504px; position:fixed; top:50%; left:50%; margin-top: -252px; margin-left: -292px; display:none; z-index:10000; }
.quicklogon_bg { width:620px; height:502px; background: #fff; opacity: .7;filter:alpha(opacity=70); position: absolute; top: 0; left: 0; z-index: 10001;}
.quicklogonbar { width:600px; height:482px; background: #fafafa; position: absolute; top: 11px; left: 11px; z-index: 10002;}
.title_quicklogon { display: block; width: 100%; height: 50px; border-bottom: 1px solid #fff; background: #93cdff;}
.title_quicklogon h1 { float: left; margin-left: 17px; font-size: 18px; line-height: 50px; color: #fff;}
.close_quicklogon { float: right; width: 40px; height: 40px; margin: 5px 5px 0 0; cursor: pointer; background: url(../images/indexbg.png) no-repeat -534px 11px;}
.close_quicklogon:hover { background: url(../images/indexbg.png) no-repeat -534px -29px;}

.panel-body { display: block; padding: 15px; height: 400px;}
.skudiv { display: block;}
.skudiv span { display: inline-block; margin-right: 20px; border: 1px solid #f5f5f5;}
.skudiv span:last-child { margin-right: 0;}
.skudiv span a { display: block; padding: 0 40px; height: 44px; line-height: 44px; font-size: 18px; color: #999; border: 1px solid #dedede; background: #fff; text-decoration: none; position: relative;}
.skudiv span:hover,.skudiv span:hover a { border: 1px solid #ff4200; }
.skudiv .sku_active,.skudiv .sku_active a { border: 1px solid #ff4200; }
.skudiv span a i { display: none; width: 9px; height: 9px; position: absolute; right: 0; bottom: 0;}
.skudiv span a i img { float: left; width: 9px; height: 9px;}
.skudiv span a:hover i { display: block;}
.skudiv .sku_active i { display: block;}
.skudiv span .sku_active i { display: block;}
.inp_text2 { padding: 7px; width: 284px; height: 30px; line-height: 30px; border: 1px solid #dedede;}
.inp-but2 a { display: block; width: 300px; height: 44px; line-height: 44px; font-size: 16px; color: #fff; background: #4bbada; text-align: center; text-decoration: none;}
.inp-but2 a:hover { background: #f90;}

.panel-text { display: block; width: 85%; text-align: center;}
.panel-text p { line-height: 30px; color: #666; font-size: 14px; padding-bottom: 10px;}
.panel-text span { display: inline-block; height: 30px; margin: 0 5px;} 
.panel-text span a { display: block; line-height: 30px; padding: 0 15px; color: #fff; font-size: 14px; background: #999; text-decoration: none;}
.panel-text span a:hover { background: #4bbada;}

.prompt_message { display: table; width: 100%; padding: 5px 0; background: rgba(0, 0, 0, 0.4);}
.prompt_message ul li { float: left; display: table-cell; vertical-align: middle; width: 33%; text-align: center;}
.prompt_message ul li span { display: inline-block; vertical-align: middle; height: 44px; line-height: 44px; color: #fff; font-size: 30px;}
.prompt_message ul li em { display: inline-block; vertical-align: middle; margin-right: 5px; height: 28px; line-height: 28px; color: #fff; font-size: 14px;}

/*---------new---------*/
.doctor-list { padding: 20px; width: 600px; height: 300px; border-right: 1px solid #eee; border-bottom: 1px solid #eee;box-sizing: border-box;}
.doctor-list:nth-child(even) { border-right: none;}
.doctor-list dl { display: block; width: 560px; height: 260px;}
.doctor-list dl:hover { box-shadow: 3px 3px 8px 0 rgba(0,0,0,.08);}
.doctor-list dl dt { float: left; width: 195px; height: 260px;}
.doctor-list dl dt img { width: 195px; height: 260px;}
.doctor-list dl dd {float: left;padding: 0px 15px;width: 365px;height: 260px;box-sizing: border-box;overflow: hidden;}
.doctor-list dl dd .doctor-list-text { height: 192px;}

.height-auto { height: auto !important;}

.feature-list dl { float: left; margin-right: 20px; width: 224px; height: 700px;}
.feature-list dl:nth-child(5n) { margin-right: 0;}
.feature-list dl dt { position: relative; padding-top: 50px; width: 100%; height: 450px; box-sizing: border-box;}
.feature-list dl dt img { width: 224px; height: 400px;}
.feature-list dl dt .feature-list-head { position: absolute; top: 0; left: 50%; margin-left: -45px; padding: 20px 30px; width: 90px; height: 170px; font-size: 30px; color: #fff; background: #ba3a37; box-sizing: border-box;}
.feature-list dl dd { padding: 15px 20px; width: 100%; height: 250px; background: #efefef; box-sizing: border-box;}
.feature-list dl dd .feature-list-text { height: 170px;}

.ad-img,.ad-img img { width: 690px; height: 550px;}
.ad-text { position: absolute; left: 0; top: 50%; margin-top: -87px; z-index: 99; padding-right: 120px; width: 60%; height: 175px; box-sizing: border-box;}
.ad-textCon { font-size: 25px; letter-spacing: 7px;}

.product-head { height: 130px;}
.product-head span {position: relative;float: left;width: 300px;height: 130px; line-height: 130px; font-size: 30px; color: #c9bc9c; border-right: 1px solid #fff; text-align: center; cursor: pointer; box-sizing: border-box;}
.product-head .active-head { color: #ba3a37; background: #c9bc9c;}

.product-head .product-head-icon1 { position: absolute; top: 50%; margin-top: -15px; right: -20px; z-index: 10; width:0;height:0;border-top: 15px solid transparent;border-left: 20px solid #fff;border-bottom: 15px solid transparent;}
.product-head .product-head-icon2 { position: absolute; top: 50%; margin-top: -15px; right: -18px; z-index: 13; width:0;height:0;border-top: 15px solid transparent;border-left: 20px solid #c9bc9c;border-bottom: 15px solid transparent;}
.product-head .product-head-icon3 { position: absolute; top: 50%; margin-top: -15px; right: -18px; z-index: 11; width:0;height:0;border-top: 15px solid transparent;border-left: 20px solid #ba3a37;border-bottom: 15px solid transparent;}

.product-head .active-head .product-head-icon2 { display: block;}
.product-head .active-head .product-head-icon3 { display: none;}

.product-list  dl dt,.product-list  dl dt img { width: 260px;}
.product-list dl dd { width: 300px;}

.contact-left { padding: 80px 50px; width: 560px; height: 450px; box-sizing: border-box;}
.contact-right,.contact-right .contact-img  { width: 640px; height: 450px;}